<!DOCTYPE html>
<html>
<head>
<title>停车党</title> 

<meta name="viewport" content="initial-scale=1.0,user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="format-detection" content="telephone=no" />
<meta http-equiv="Access-Control-Allow-Origin" content="http://ihelppark.com:8080">
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">

<!--
baidu apikey r8W4shzRMPaAKGOLdbXI7lj8YHGSe5DY
-->

<style>


.menu, .menuitem{
    background-color:rgb(63,135,217);
    color:#ffffff;
    padding-left:10px;
}
.title-phone, .title-name{
    font-size:15px;
    padding-left:10px;
    color:#ffffff;
    text-decoration: none;
}

.dropdown-toggle>img, td>img{
    width:32px;
    height:32px;
}
a>img{
    width:20px;
    height:20px;
    padding:3px;
}
#userinfo{
    padding-left:10px;
    padding-bottom:7px;
}
.userinfo{
    background-color:rgb(43,115,197);
}
.nav>li, .menuitem>li>a{
    color:#ffffff;
}
#bottommenu img
{
    width:36px;
    height:36px;
}

#bottommenu>ul
{
   margin:-3px;
}
#bottommenu
{
    line-height:0;
    font-size:9px;
}

@media (min-width: 168px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
</style>

<!-- 百度地图 -->
<style>
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
#allmap {
    padding-top:150px;
}
</style>

</head>
<body>

<div id="allmap"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=r8W4shzRMPaAKGOLdbXI7lj8YHGSe5DY"></script>
<script  type="text/javascript">
    // 百度地图API功能
	var map = new BMap.Map("allmap");    // 创建Map实例
	map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
	map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
	map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script>

<nav class="navbar navbar-default navbar-fixed-top menu" role="navigation">
    <div class="row display-table">
    <div class="col-xs-1" style="margin-left:-20px;">
	<ul class="nav nav-pills" >
	 <li class="dropdown">
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
            <img src="img/sysmenu.png" />
            </a>
        <ul class="dropdown-menu menuitem" role="menu">
            <li class="userinfo">
                <div id="userinfo">
                    <table border=0 >
					    <tr>
					        <td rowspan="2">
					            <img src="img/userbaseinfo.png" class="title-img"/>
					        </td>
					        <td>
					            <span class="title-name">张梦</span>
					        </td>
					    </tr>
					    <tr>
					        <td><span class="title-phone" >18098664733</span></td>
					    </tr>
                    </table>
                </div>
            </li>
            <li ><a href="#" id = 'myorder'><img src="img/ico_order.png" />我的订单</a></li>
            <li ><a href="#"><img src="img/ico_agreement.png" />用户协议</a></li>
            <li ><a href="#"><img src="img/ico_setting.png" />设置</a></li>
            <li ><a href="#"><img src="img/ico_verification.png" />检查升级</a></li>
            <li ><a href="#"><img src="img/ico_help.png" />帮助</a></li>
            <li ><a href="#"><img src="img/ico_signout.png" />退出</a></li>
            </ul>
        </li>
        </ul>
    </div>
    <div class="col-xs-9" style="padding-left:90px;padding-top:5px;text-align:center;vertical-align:middle;display:inline-block;float:none;"><h4>停车党</h4></div>
    <div class="col-xs-2" style="padding-left:10px;padding-top:15px;vertical-align:middle;display:inline-block;float:right;">过滤</div>
</div>
</nav>
<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation" id="bottommenu">

        <ul class="nav nav-pills nav-tabs nav-justified">
        
            <li><a href="#"><img src="img/ico_vehicle.png" /><br>放车位</a></li>
            <li><a href="#"><img src="img/btn_about_down.png" /><br>约车位</a></li>
            <li><a href="#"><img src="img/partc.png" /><br>帮停车</a></li>
        </ul>
</nav>



	<script src="js/jquery-2.2.3.min.js"></script> 
    <script src="js/bootstrap.js"></script>
    <script src="js/ServerActions.js"></script>
    <script>
    $('#myorder').click(function(){
    	var settings = serverActions.request('GetUserBaseInfo.action', '6cr1Fybe3f9SGa+zFNFUylHCBxihay4NfTAOu5HmhM9vSf3JLpDSeVgTFnLvKZSU', 
            function(data){
                console.log(data);
            });
        serverActions.ajax(settings);
    });
    </script>
</body>
</html>